

<div class="pub-body">
    <h1 align="center">添加新用户</h1>
    <h2></h2>
    <el-form ref="personalFrom" :rules="personalRules" :model="personalFrom" label-width="200px">
        <el-form-item prop="assetPhoto" label="上传头像">
            <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
                <img v-if="imageUrl" :src="imageUrl" class="avatar">
                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>
        </el-form-item>
        <el-form-item prop="personalID" label="登录账号">
            <el-input style="width: 300px;" placeholder="请输入账号" v-model="personalFrom.personalID"></el-input>
        </el-form-item>
        <el-form-item prop="personalName" label="姓名">
            <el-input style="width: 300px;" placeholder="请输入姓名" v-model="personalFrom.personalName"></el-input>
        </el-form-item>
        <el-form-item prop="personalTel" label="手机号">
            <el-input style="width: 300px;" placeholder="请输入手机号" v-model="personalFrom.personalTel"></el-input>
        </el-form-item>
        <el-form-item prop="personalPwd" label="初始登录密码">
            <el-input style="width: 300px;" show-password placeholder="请输入初始登录密码" v-model="personalFrom.personalPwd"></el-input>
        </el-form-item>
        <el-form-item prop="personalEmail" label="email">
            <el-input style="width: 300px;" placeholder="请输入email" v-model="personalFrom.personalEmail"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="sumbitFun('personalFrom')">添加用户</el-button>
            <el-button @click="">取消</el-button>
        </el-form-item>
    </el-form>
</div>

